<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

	<h:head>
		<meta http-equiv="Content-Type" content='text/html; charset=UTF-8' />
		<meta http-equiv="Content-Language" content="pt-BR" />
	
		<title>Imagens</title>

		<f:facet name="last">
			<h:outputStylesheet name="/css/senha.css" />
			<!-- <h:outputScript name="/js/inputCurrency.js" />  -->
		</f:facet>
		
	</h:head>

	<h:body style="background-color: black;">

		<f:view contentType="text/html">
			
			<p:imageSwitch effect="fade" speed="1000" slideshowSpeed="5000" style="overflow: hidden; position: absolute; z-index: 0;">
			    <ui:repeat value="#{imagesViewUI.images}" var="image">
			        <p:graphicImage url="images/#{image}" />
			    </ui:repeat>
			</p:imageSwitch>
			
				<h:form id="form">
				    <p:poll interval="3" listener="#{chamadoViewUI.increment}" update="@form" />

					<p:outputPanel id="outSenha" rendered="#{chamadoViewUI.rendered}" styleClass="chamado">
				        <p:graphicImage id="giSenha" url="images/#{chamadoViewUI.senha}" />
				    </p:outputPanel>			

				    <ui:repeat value="#{chamadoViewUI.vagas}" var="vaga">
						<p:outputPanel id="outVaga#{vaga}" rendered="#{chamadoViewUI.rendered}" styleClass="vaga" 
								style="width: #{vaga.w}px;
									height: #{vaga.h}px;
								    top: #{vaga.cy}px;
								    left: #{vaga.cx}px;">
						</p:outputPanel>
					</ui:repeat>
					
				</h:form>
					
		</f:view>

	</h:body>

</html>